<template>
	<view class="all">
		<view class="search">
			<uni-search-bar @confirm="search" @input="input" placeholder="请输入" bgColor="#EFEFF4" :radius="100"></uni-search-bar>
		</view>
		<view class="kong"></view>
		<view class="now">
			<view class="zi">学号</view>
			<view class="zi">姓名</view>
			<view class="zi">操作</view>
		</view>
		<view v-for="(item,index) in items" :key='item.id' class="now-exam">
			<view class="exam">{{item.exam}}</view>
			<view class="name">{{item.name}}</view>
			<navigator url="./enter-exam">
				<view><button  class="shanchu" @click="del(index)">删除</button></view>
			</navigator> 
			<navigator url="./enter-exam">
				<view><button  class="enter">详情</button></view>
			</navigator> 
		</view>
		<view class="hui"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				items:[
					{
						exam:'2111310111',
						name:'张良',
						id:'0',
						scr:'../../../static/考试.png'
						
					},
					{
						exam:'2111310111',
						name:'李乐妍',
						id:'1',
						scr:'../../../static/exam.png'
					},
					{
						exam:'2111310111',
						name:'叶知秋',
						id:'2',
						scr:'../../../static/exam.png'
					},
					{
						exam:'2111310111',
						name:'夏霞',
						id:'3',
						scr:'../../../static/exam.png'
					},
					{
						exam:'2111310111',
						name:'司南',
						id:'4',
						scr:'../../../static/exam.png'
					},
				],

			}
		},
		methods: {
			del(a){
			   this.items.splice(a,1)
			       }
		}
	}
</script>

<style >
	.all{
		height: 100vh;
		width: 100%;
		background-color: #FFFFFF;
	}
	.search{
		border-radius: 37rpx;
		background-color: #FFFFFF;
	}
	.kong {
		height: 60rpx;
		width: 100%;
		
	}
	.now{
		height: 80rpx;
		width: 100%;
		background-color:#EFEFF4;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		
	}
	.zi{
		height: 50%;
		width: 200rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.former{
		height: 80rpx;
		width: 100%;
		background-color:#EFEFF4;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.now-exam{
		height: 130rpx;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		border: 2rpx #bbbbbb solid;
	}
	.icon{
		height: 60rpx;
		width: 60rpx;
	}
	button{
		background-color: #12754F;
		color: #FFFFFF;
		font-size: small;
	}
	.hui{
		width: 100%;
		height:500rpx;
		/* background-color: #EFEFF4; */
	}
	.shanchu{
		background-color: #cb0000;
		border-radius: 25rpx;
	}
	
</style>
